<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/resource.css" />
	</head>

	<body>
		<div class="resource_web">
			<!--登录-->
			<div id='loginBox' class="register">
				<div class="row ssk mediate">
					<div class="one skip col-sm-2 col-xs-2">
						<div class="son">
							<img src="img/register/images/a2.jpg" />
						</div>
					</div>
					<div class="tow col-sm-10 col-xs-10">
						<div class="son">
							<img src="img/register/images/a3.jpg" />
							<span>GIMC</span>
							<div class="sk">
								<input class="text" type="" name="" id="" value="" />
							</div>
						</div>
					</div>
				</div>
				<div class="portrait">
					<div class="one mediate">
						<img src="bootstrap-3.3.7/bootstrap-3.3.7/docs/assets/img/expo-lyft.jpg" />
					</div>
					<div class="tow mediate">
						<h4>风无月</h4>
						<div class="son">
							<p>个人中心</p>
						</div>
					</div>
					<div class="three mediate">
						<img src="img/register/images/a1_11.jpg" />
					</div>
					<div class="four mediate">
						<div class="son">
							<p>
								关注
								<span>36</span>
							</p>
						</div>
						<div class="son1">
							<p>
								粉丝
								<span>500</span>
							</p>
						</div>
					</div>
					<div class="five">
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
					</div>
					<div class="six skip mediate">
						<p>退 出</p>
					</div>
				</div>
			</div>
			<!--搜索-->
			<div id="loginBox1" class="seek">
				<div class="row ssk mediate">
					<div class="one skip col-sm-2 col-xs-2">
						<div class="son">
							<img src="img/register/images/a2.jpg" />
						</div>
					</div>
					<div class="tow col-sm-10 col-xs-10">
						<div class="son">
							<img src="img/register/images/a3.jpg" />
							<span>Search</span>
							<div class="sk">
								<input class="text" type="" name="" id="" value="" />
							</div>
						</div>
					</div>
				</div>
				<h3>熱播</h3>
				<div class="seek-son">
					<div class="seek-son-one mediate">
						<p>省广股份</p>
					</div>
					<div class="seek-son-one mediate">
						<p>移动互联网</p>
					</div>
					<div class="seek-son-one mediate">
						<p>细分平台业务</p>
					</div>
					<div class="seek-son-one mediate">
						<p>O2O</p>
					</div>
					<div class="seek-son-one mediate">
						<p>媒介平台</p>
					</div>
					<div class="seek-son-one mediate">
						<p>拥抱变革，创造未来</p>
					</div>
					<div class="seek-son-one mediate">
						<p>平台</p>
					</div>
					<div class="seek-son-one mediate">
						<p>上海金投赏创意节</p>
					</div>
				</div>
			</div>
			<!--导航1-->
			<div class="navigation">
				<div class="row">
					<div class="one col-sm-2 col-xs-2">
						<div id='login' class="son mediate">
							<img src="img/home/images/a1_03.jpg" />
						</div>
					</div>
					<div class="logo col-sm-8 col-xs-8">
						<div class="son mediate">
							<img src="img/home/images/logo.jpg" />
						</div>
					</div>
					<div class="tow col-sm-2 col-xs-2">
						<div id='login1' class="son mediate">
							<img src="img/home/images/a2_07.jpg" />
						</div>
					</div>
				</div>
			</div>
			<!--资源2-->
			<div class="resource">
				<div class="Tencent">
					<h2>腾讯视频</h2>
					<p>2016年5月26日</p>
					<li>
						<img src="img/resource/a3_03.jpg"/>
					</li>
					<p>530</p>
					<h3>腾讯视频贴片广告，60秒贴片广告，质量超棒！</h3>
					<h3>欢迎尝试，价格可谈。</h3>
					<div class="pmg">
						<img src="img/resource/a4.jpg"/>
					</div>
				</div>
				<div class="contact">
					<h2>联系方式：</h2>
					<div class="son">
						<div class="one">
							<div class="pmg">
								<img src="img/resource/a5_03.jpg"/>
							</div>
							<p>于皓</p>
						</div>
						<div class="one">
							<div class="pmg">
								<img src="img/resource/a6_06.jpg"/>
							</div>
							<p>020-123456</p>
						</div>
						<div class="one1">
							<div class="pmg">
								<img src="img/resource/a7_03.jpg"/>
							</div>
							<p>hotane@qq.com</p>
						</div>
					</div>
				</div>
			</div>
			<!--导航2-->
			<div class="navigation1">
				<div class="row">
					<div class="one col-sm-2 col-xs-2">
						<div class="son mediate">
							<a href="index.html">
								<img src="img/home/images/a3_11.png" />
							</a>
							<p>首页</p>
						</div>
					</div>
					<div class="tow col-sm-2 col-xs-2">
						<div class="son mediate">
							<a href="index.html">
								<img src="img/home/images/a3_14.jpg" />
							</a>
							<p>GIMC</p>
						</div>
					</div>
					<div class="three col-sm-2 col-xs-2">
						<div class="son mediate">
							<a href="index.html">
								<img src="img/home/images/a3_18.jpg" />
							</a>
							<p>文章</p>
						</div>
					</div>
					<div class="four col-sm-2 col-xs-2">
						<div class="son mediate">
							<a href="index.html">
								<img src="img/home/images/a3_20.jpg" />
							</a>
							<p>资源</p>
						</div>
					</div>
					<div class="five col-sm-2 col-xs-2">
						<div class="son mediate">
							<a href="index.html">
								<img src="img/home/images/a3_22.jpg" />
							</a>
							<p>学院</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script type="text/javascript">
			$('#login').click(function() {
				$("#loginBox").css("width", "100%");
			});
			$('#login1').click(function() {
				$("#loginBox1").css("width", "100%");
			});
			$('.skip').click(function() {
				$("#loginBox").css("width", "0");
			});
			$('.skip').click(function() {
				$("#loginBox1").css("width", "0");
			});
		</script>
	</body>

</html>